<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%> 
<head>
    <title>后台管理系统</title>
    <script src='${pageContext.request.contextPath}/assets/loginstyle/js/prefixfree.min.js'></script>
    <script type="text/javascript" src="${pageContext.request.contextPath}/assets/js/jquery-1.10.2.min.js"></script>
    <script type="text/javascript" src="${pageContext.request.contextPath}/assets/js/jquery.md5.js"></script>
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/assets/loginstyle/css/normalize.css" />
	<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/assets/loginstyle/css/default.css">
	<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/assets/loginstyle/css/styles.css">
</head>
<body>
	<div id="logo"> 
  		<h1 class="hogo"><i>后台管理系统</i></h1>
	</div> 
	<section class="stark-login">
	  	<form id="facs-login-from" action="${pageContext.request.contextPath}/login/sign" method="post">	
	  		<c:choose>
				<c:when test="${error_title != null && error_title != ''}">
					<div class="error_title" style="margin-bottom:5px;color:#fbaa10;font-weight:bold"><div><c:out value="${error_title}"></c:out></div></div>
				</c:when><c:otherwise>
					<div class="error_title hidde" style="display:none"><div>&nbsp;</div></div>
				</c:otherwise>
			</c:choose>
	    	<div id="fade-box">
	      		<input type="text" name="account" id="account" placeholder="用户名" required="required" />
	      		<input type="password" name="password" id="password" placeholder="密码" required="required" />
	      		<button type="submit" class="btn btn-primary btn-block btn-large">登录</button>
	        </div>
	    </form>
	    <div class="hexagons">
	        <span>&#x2B22;</span>
	        <span>&#x2B22;</span>
	        <span>&#x2B22;</span>
	        <span>&#x2B22;</span>
	        <span>&#x2B22;</span>
	        <span>&#x2B22;</span>
	        <span>&#x2B22;</span>
	        <span>&#x2B22;</span>
	        <span>&#x2B22;</span>
	        <span>&#x2B22;</span>
	        <span>&#x2B22;</span>
	        <span>&#x2B22;</span>
	        <br>
	        <span>&#x2B22;</span>
	        <span>&#x2B22;</span>
	        <span>&#x2B22;</span>
	        <span>&#x2B22;</span>
	        <span>&#x2B22;</span>
	        <span>&#x2B22;</span>
	        <span>&#x2B22;</span>
	        <span>&#x2B22;</span>
	        <span>&#x2B22;</span>
	        <span>&#x2B22;</span>
	        <span>&#x2B22;</span>
	        <br>
	        <span>&#x2B22;</span>
	        <span>&#x2B22;</span>
	        <span>&#x2B22;</span>
	        <span>&#x2B22;</span> 
	        <span>&#x2B22;</span>
	        <span>&#x2B22;</span>
	        <span>&#x2B22;</span>
	        <span>&#x2B22;</span>
	        <span>&#x2B22;</span>
	        <span>&#x2B22;</span>
	        <span>&#x2B22;</span>
	        <span>&#x2B22;</span>
	        <br>
	        <span>&#x2B22;</span>
	        <span>&#x2B22;</span>
	        <span>&#x2B22;</span>
	        <span>&#x2B22;</span>
	        <span>&#x2B22;</span>
	        <span>&#x2B22;</span>
	        <span>&#x2B22;</span>
	        <span>&#x2B22;</span>
	        <span>&#x2B22;</span>
	        <span>&#x2B22;</span>
	        <span>&#x2B22;</span>
	        <br>
	        <span>&#x2B22;</span>
	        <span>&#x2B22;</span>
	        <span>&#x2B22;</span>
	        <span>&#x2B22;</span>
	        <span>&#x2B22;</span>
	        <span>&#x2B22;</span>
	        <span>&#x2B22;</span>
	        <span>&#x2B22;</span>
	        <span>&#x2B22;</span>
	        <span>&#x2B22;</span>
	        <span>&#x2B22;</span>
	        <span>&#x2B22;</span>
	    </div>      
	</section> 
    
    <div id="circle1">
    	<div id="inner-cirlce1">
        	<h2> </h2>
        </div>
    </div>
    <ul>
      <li></li>
      <li></li>
      <li></li>
      <li></li>
      <li></li>
    </ul>
	<script type="text/javascript">
		$('#facs-login-from').submit(function() {
			var nick = $('#account'), $title = $('.error_title');
			if ($.trim(nick.val()) == '') {
				$title.removeClass('hidde').find('div').html("请输入用户名！");
				return false;
			}
			
			var pwd = $('#password');
			if ($.trim(pwd.val()) == '') {
				$title.removeClass('hidde').find('div').html("请输入密码！");
				return false;
			}
			
			// JS对密码进行加密
			pwd.val($.md5(pwd.val()));
			return true;
		});
	</script>
	<div style="clear: both;"></div>
	<script type="text/javascript">
		$(document).keyup(function(event){
			if (event.keyCode == 13) {
				$('#submit-btn-a').click();
			}
		});
		
		$('#submit-btn-a').click(function() {
			$('#facs-login-from').submit();
		});
		if(window!=top){
		 	top.location.href=location.href;
		}
	</script>
</body>